<!--
 * @Author: fangshengchu
 * @Date: 2024-05-07 13:36:32
 * @LastEditTime: 2024-06-12 16:45:41
 * @LastEditors: fangshengchu
 * @Description: 
 * @FilePath: \szhk-fe\src\views\purchaseArrival\arrivalRegistration\index.vue
-->
<template>
  <div class="page-main">
    <page-title :has-line="false">采购预到货登记</page-title>
    <a-tabs v-model="tabKey" position="top" @change="changeTab">
      <a-tab-pane key="1" title="物资到货维护">
        <Tab1 ref="tab1"></Tab1>
      </a-tab-pane>
      <a-tab-pane key="2" title="物资到货撤销">
        <Tab2 ref="tab2"></Tab2>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<!--新script-->
<script lang="ts" setup>
  import { ref } from 'vue';
  import pageTitle from '@/common/components/title/page-title.vue';
  import Tab1 from './tab1.vue';
  import Tab2 from './tab2.vue';

  const tabKey = ref<string>('2');
  const tab1 = ref();
  const tab2 = ref();
  const changeTab = (val) => {
    if (val === '1') {
      tab1.value.getLeftData();
    }
    if (val === '2') {
      tab2.value.getData();
    }
  };
</script>

<style lang="less" scoped>
  @import url('../moduleCommon/common.less');
</style>
